<!-- BEGIN PAGE HEADER-->
<div class="row">
    <div class="col-md-12">
        <!-- BEGIN PAGE TITLE & BREADCRUMB-->
        <h3 class="page-title">
            用户首页面
        </h3>
        <ul class="page-breadcrumb breadcrumb">
            <li>
                <i class="fa fa-home"></i>
                <a href="welcome.html">
                    首页
                </a>
                <i class="fa fa-angle-right"></i>
            </li>
            <li>
                <a href="#">
                </a>
            </li>
        </ul>
        <!-- END PAGE TITLE & BREADCRUMB-->
    </div>
</div>
<!-- END PAGE HEADER-->
<div class="col-md-6 ">
<!-- BEGIN SAMPLE FORM PORTLET-->
<div class="portlet box blue">
    <div class="portlet-title">
        <div class="caption">
            <i class="fa fa-reorder"></i> 用户消息
        </div>
        <div class="tools">
            <a href="" class="collapse">
            </a>
            <a href="" class="reload">
            </a>
            <a href="" class="remove">
            </a>
        </div>
    </div>
    <div class="portlet-body">
        <ul class="feeds">
            <li>
                <div class="col1">
                    <div class="cont">
                        <div class="cont-col1">
                            <div class="label label-sm label-success">
                                <i class="fa fa-bell-o"></i>
                            </div>
                        </div>
                        <div class="cont-col2">
                            <div class="desc">
                                用户消息第一条
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col2">
                    <div class="date">
                        2014年06月28日
                    </div>
                </div>
            </li>
            <li>
                <div class="col1">
                    <div class="cont">
                        <div class="cont-col1">
                            <div class="label label-sm label-success">
                                <i class="fa fa-bell-o"></i>
                            </div>
                        </div>
                        <div class="cont-col2">
                            <div class="desc">
                                用户消息第二条
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col2">
                    <div class="date">
                        2014年06月28日
                    </div>
                </div>
            </li>
            <li>
                <div class="col1">
                    <div class="cont">
                        <div class="cont-col1">
                            <div class="label label-sm label-success">
                                <i class="fa fa-bell-o"></i>
                            </div>
                        </div>
                        <div class="cont-col2">
                            <div class="desc">
                                用户消息第三条
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col2">
                    <div class="date">
                        2014年06月28日
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<!-- END SAMPLE FORM PORTLET-->

</div>
<div class="col-md-6 ">
    <!-- BEGIN SAMPLE FORM PORTLET-->
    <div class="portlet box yellow">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-reorder"></i> 待办事宜
            </div>
            <div class="tools">
                <a href="" class="collapse">
                </a>
                <a href="" class="reload">
                </a>
                <a href="" class="remove">
                </a>
            </div>
        </div>
        <div class="portlet-body">
            <ul class="feeds">
                <li>
                    <div class="col1">
                        <div class="cont">
                            <div class="cont-col1">
                                <div class="label label-sm label-info">
                                    <i class="fa fa-check"></i>
                                </div>
                            </div>
                            <div class="cont-col2">
                                <div class="desc">
                                    待办事宜第一条
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col2">
                        <div class="date">
                            2014年06月28日
                        </div>
                    </div>
                </li>
                <li>
                    <div class="col1">
                        <div class="cont">
                            <div class="cont-col1">
                                <div class="label label-sm label-info">
                                    <i class="fa fa-check"></i>
                                </div>
                            </div>
                            <div class="cont-col2">
                                <div class="desc">
                                    待办事宜第二条
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col2">
                        <div class="date">
                            2014年06月28日
                        </div>
                    </div>
                </li>
                <li>
                    <div class="col1">
                        <div class="cont">
                            <div class="cont-col1">
                                <div class="label label-sm label-info">
                                    <i class="fa fa-check"></i>
                                </div>
                            </div>
                            <div class="cont-col2">
                                <div class="desc">
                                    待办事宜第三条
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col2">
                        <div class="date">
                            2014年06月28日
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
   </div>
<div class="col-md-12">
<div class="portlet box green">
    <div class="portlet-title">
        <div class="caption">
            <i class="fa fa-reorder"></i> 系统公告
        </div>
        <div class="tools">
            <a href="" class="collapse">
            </a>
            <a href="" class="reload">
            </a>
            <a href="" class="remove">
            </a>
        </div>
    </div>
    <div class="portlet-body">
        <ul class="feeds">
            <li>
                <div class="col1">
                    <div class="cont">
                        <div class="cont-col1">
                            <div class="label label-sm label-danger">
                                <i class="fa fa-bolt"></i>
                            </div>
                        </div>
                        <div class="cont-col2">
                            <div class="desc">
                                系统公告第一条
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col2">
                    <div class="date">
                        2014年06月28日
                    </div>
                </div>
            </li>
            <li>
                <div class="col1">
                    <div class="cont">
                        <div class="cont-col1">
                            <div class="label label-sm label-danger">
                                <i class="fa fa-bolt"></i>
                            </div>
                        </div>
                        <div class="cont-col2">
                            <div class="desc">
                                系统公告第二条
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col2">
                    <div class="date">
                        2014年06月28日
                    </div>
                </div>
            </li>
            <li>
                <div class="col1">
                    <div class="cont">
                        <div class="cont-col1">
                            <div class="label label-sm label-danger">
                                <i class="fa fa-bolt"></i>
                            </div>
                        </div>
                        <div class="cont-col2">
                            <div class="desc">
                                系统公告第三条
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col2">
                    <div class="date">
                        2014年06月28日
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
</div>